import style from "./index.module.scss";
import rule from "@/assets/images/annual-festival-1/rule.png";
import { ArrowLeft } from "@react-vant/icons";
// import { useEffect } from 'react';
const Index = ({ setShowPage }) => {
  // useEffect(() => {
  //     function preventScroll(event) {
  //         event.preventDefault();
  //         event.stopPropagation();
  //     }
  //     document.addEventListener('scroll', preventScroll);
  //     return () => {
  //         document.removeEventListener('scroll', preventScroll);
  //     };
  // }, []);
  return (
    <div className={style.questionWrapBox}>
      <div
        className={`${style.questionWrap} ${style.questionWrapRule}`}
        onClick={(e) => {
          e.preventDefault();
          e.stopPropagation();
        }}
      >
        <div className={style.btn_back} onClick={() => setShowPage(0)}>
          <ArrowLeft fontSize={25} color="white" />
        </div>

        <div className={style.content_box}>
          <img src={rule} alt="图片" />
          <div className={style.ruleDetail}>
            <p>1、本活动时间为5月1日-6月15日23：59:59分</p>
            <p>
              2、收到pupu1周年庆专属礼物，1钻石对应5点庆典值，直刷/背包礼物1钻石对应1点庆典值/1点魅力值/1点神豪值；
            </p>
            <p>3、房间榜，主播榜，神豪榜前三名即可获得实物+虚拟道具奖励；</p>
            <p>
              4、活动截止后如果庆典值如果出现数值相同的情况，如第一名和第二名都是1000庆典值的情况，先到的为第一名，后到的为第二名；
            </p>
            <p>
              5、奖励发放时间将在活动结束后5个工作日发放，若奖励未到账，请关注微信公众号「pupu找搭子」私聊进行领取;
            </p>
            <p>
              6、实物奖励以实际物品为准，奖励页面仅为简单说明及参考，不作为最终奖励具体那个物品，如16promax256G颜色没有进行说明，所以最终发那个颜色以官方为准；
            </p>
            <p>7、最终解释权归PUPU找搭子所有，该活动与苹果公司无关。</p>
          </div>
        </div>
      </div>
    </div>
  );
};

export default Index;
